// 混合  （java中的方法）  mixin
// 简单混合
.box(){
    width: 100px;
    height: 100px;
    background-color: red;
}
// 带参数的混合
.box1(@px,@color){
    width: 100px;
    height: 100px;
    background-color: red;
    border: @px solid @color;
}

//3.带默认值的混合
.box2(@px:1px,@color:green){
    width: 100px;
    height: 100px;
    background-color: red;
    border: @px solid @color;
}

// 导入外部混合
@import '4.外部混合.less';

.div1{
    // width: 100px;
    // height: 100px;
    // background-color: red;
    // .box();
    // border: 1px solid green;
    // .box1(2px, red);
    // .box2();
   
    .sjx(Down);
}

.div2{
    // width: 100px;
    // height: 100px;
    // background-color: red;
    // .box();
    // border: 2px solid black;
    // .box1(1px,green);
    .box2(@color:blue);
}